<template>
  <view class="menu-list">
    <MenuItem v-for="item in menu" :key="item.title" :item="item" />
  </view>
</template>

<script>
import MenuItem from './MenuItem.vue'
export default {
  name: "MenuList",
  components: { MenuItem },
  props: {
    menu: Array
  }
}
</script>

<style scoped>
.menu-list {
  margin: 0 24rpx;
}
</style>